/**********************************************************************
 *
 * $Id: wps.css,v 1.1 2006/12/12 15:40:05 lbecchi Exp $
 *
 * purpose: css declarations for sample interface.
 *
 * purpose: This is the sample ka-Map interface for pywps  (bug 1623)
 *
 * author: Lorenzo Becchi and Luca Casagrande (www.ominiverdi.org)
 * 
 *
 **********************************************************************
 *
 * Copyright (c) 2006 ominiverdi.org
 *
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"),
 * to deal in the Software without restriction, including without limitation
 * the rights to use, copy, modify, merge, publish, distribute, sublicense,
 * and/or sell copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following conditions:
 * 
 * The above copyright notice and this permission notice shall be included
 * in all copies or substantial portions of the Software.
 * 
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.  IN NO EVENT SHALL
 * THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 **********************************************************************/
 
#viewport {
			  position: absolute;
			  top:10px;
			  left:10px;
			  width: 640px;
			  height: 480px;
			  background-color: #f0f0f0;
			  overflow: hidden;
			  border: 1px solid #000000;
			  cursor: move;
			  -moz-box-sizing: border-box;
			}
			 #outimg {
					position:absolute;
					top:10px;
					left:200px;
			}
			#legendDiv {
				position: absolute;
				left:880px;
				top:20px;
				width:200px;
			}
			#legend {
				position: relative;
			}
			.kaLegendTitle {  
				padding: 2px;
				padding-bottom:10px;
				font-size: 13px;
				font-weight: bold;
			}

			.kaLegendLayer  {
				border-top: 1px solid rgb(212,208,200); 
				padding: 2px;
				padding-top:7px;
				padding-bottom:7px;
				font-size: 12px;
			}
			
#header {
	position:relative;
	margin-left:660px;
	width:200px;
}
#output {
	position:absolute;
	top:0px;
	left:0px;
}
#params {
	position:relative;
	margin-left:660px;
	width:200px
}
#console {
	position:absolute;
	left:10px;
	width:635px;
	height:200px;
	margin-top:10px;
	border:1px solid black;
	overflow:auto;
	
		
	display:none;
}
#console textarea{
	width:630px;
	height:160px;
	
}
#wait {
	position:absolute;
	width:640px;
	height:480px;
	z-index:10;
	border:1px solid black;
	font-size:2em;
	color:rgb(0,159,0);
	background-color:white;
	padding-top:2em;
	/*visibility:hidden;*/
	text-align:center;
    filter:alpha(opacity=75); 
    -moz-opacity:0.75;
    opacity:0.75; 
}
body {
	margin:0;
	font-size:0.9em;
	background-color:rgb(200,200,200);
}
h1{
	font-size:1.1em;
	color: rgb(130,130,230);

}

p{
	margin:0.5em;
}
fieldset {
	border:1px solid rgb(130,130,230);
}
legend {
	border:1px solid rgb(130,130,230);
}
label {
	display:block;
	font-size:0.9em;
	margin:0;
	margin-top:0.5em;
	font-weight:bold;
}
select{
	width:160px;	
}